<%- include('header.html')  -%>

<div class="container-fluid" style="background-color:rgba(255,255,255,0);min-height: 100%;" >
    <br>
    <br>
    <br>
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-10" style="background-color:rgba(255,255,255,0.7);"/>
            <h2 class="mb-4">搜索结果（搜索词：<%=keyword%> ）</h2>

            <% articles.forEach(article => { %>
            <div class="row">
                <div class="col-my-2"></div>
                <div class="col my-8 center-block">
                    <div class="jumbotron title" style="background: url('<%=article.thumbnail %>') no-repeat center;background-size: 100%;">
                        <a href="/article/<%=article.id%>" class="stretched-link"></a>
                        <div class="card-body col-md-5" style="background-color:rgba(255,255,255,0.6);">
                            <h5 class="card-title"><%= article.title %></h5>
                            <p class="card-text"><small class="text-muted"><%= article.time.toLocaleString() %></small></p>
                            <p class="card-text"><%= article.content.replace(/<[^>]+>/g,'').substring(0,100) %>...</p>

                        </div>
                    </div>
                </div>
            </div>
            <% }) %>


        </div>
    </div>
</div>


<%- include('footer.html')  -%>
